<!-- 企业管理-记账公司 -->
<template>
    <el-tabs type="border-card">
        <el-tab-pane label="免费128" name="one">
            <el-row>
                <el-col :span="12">
                    <el-popover>
                        <el-form ref="form" label-width="80px">
                            <el-form-item label="服务内容">
                                <el-select v-model="one_from">
                                    <el-option label="所有" value="0"></el-option>
                                    <el-option label="出纳+会计" value="1"></el-option>
                                    <el-option label="会计，出纳+会计" value="2"></el-option>
                                    <el-option label="会计" value="3"></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="服务城市">
                                <el-input v-model="one_type"></el-input>
                            </el-form-item>
                            <el-form-item label="注册时间">
                                <el-date-picker
                                        v-model="one_time"
                                        type="daterange"
                                        range-separator="至"
                                        start-placeholder="开始日期"
                                        end-placeholder="结束日期"
                                />
                            </el-form-item>
                            <el-form-item>
                                <el-button type="primary">确定</el-button>
                                <el-button>取消</el-button>
                                <el-button>重置</el-button>
                            </el-form-item>
                        </el-form>
                        <el-button slot="reference">
                            全部
                            <i class="el-icon-caret-bottom"></i>
                        </el-button>
                    </el-popover>
                </el-col>
            </el-row>
            <el-table
                    :data="oneData"
                    style="width: 100%"
                    border
                    stripe
                    :highlight-current-row="true"
                    :header-cell-style="{ background: '#ededed', color: '#333' }"
            >
                <el-table-column prop="number" align="center" label="编号" />
                <el-table-column
                        prop="name"
                        align="center"
                        width="180"
                        label="记账公司名称"
                />
                <el-table-column prop="main" align="center" label="服务内容" />
                <el-table-column prop="cheng" align="center" label="城市" />
                <el-table-column prop="num" align="center" label="客户数" />
                <el-table-column prop="numa" align="center" label="账套数" />
                <el-table-column prop="numb" align="center" label="解约数" />
                <el-table-column prop="man" align="center" label="联系人" />
                <el-table-column prop="type" align="center" label="联系方式" />
                <el-table-column prop="time" align="center" label="注册时间" />
                <el-table-column align="center" label="操作" width="100px">
                    <el-button type="text">查看</el-button>
                    <el-button type="text">编辑</el-button>
                </el-table-column>
                <el-table-column prop="bei" align="center" label="备注" />
            </el-table>
            <el-pagination
                    class="text-right"
                    background
                    :current-page="1"
                    :page-sizes="[20,]"
                    :page-size="20"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="200"
            />
        </el-tab-pane>

        <el-tab-pane label="VIP68" name="two">
            <el-row>
                <el-col :span="12">
                    <el-popover>
                        <el-form ref="form" label-width="80px">
                            <el-form-item label="服务内容">
                                <el-select v-model="two_from">
                                    <el-option label="所有" value="0"></el-option>
                                    <el-option label="出纳+会计" value="1"></el-option>
                                    <el-option label="会计，出纳+会计" value="2"></el-option>
                                    <el-option label="会计" value="3"></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="服务城市">
                                <el-input v-model="two_type"></el-input>
                            </el-form-item>
                            <el-form-item label="注册时间">
                                <el-date-picker
                                        v-model="two_time"
                                        type="daterange"
                                        range-separator="至"
                                        start-placeholder="开始日期"
                                        end-placeholder="结束日期"
                                />
                            </el-form-item>
                            <el-form-item>
                                <el-button type="primary">确定</el-button>
                                <el-button>取消</el-button>
                                <el-button>重置</el-button>
                            </el-form-item>
                        </el-form>
                        <el-button slot="reference">
                            全部
                            <i class="el-icon-caret-bottom"></i>
                        </el-button>
                    </el-popover>
                </el-col>
            </el-row>
            <el-table
                    :data="twoData"
                    style="width: 100%"
                    border
                    stripe
                    :highlight-current-row="true"
                    :header-cell-style="{ background: '#ededed', color: '#333' }"
            >
                <el-table-column prop="number" align="center" label="编号" />
                <el-table-column
                        prop="name"
                        align="center"
                        width="180"
                        label="记账公司名称"
                />
                <el-table-column prop="main" align="center" label="服务内容" />
                <el-table-column prop="cheng" align="center" label="城市" />
                <el-table-column prop="num" align="center" label="客户数" />
                <el-table-column prop="numa" align="center" label="账套数" />
                <el-table-column prop="numb" align="center" label="解约数" />
                <el-table-column prop="man" align="center" label="联系人" />
                <el-table-column prop="type" align="center" label="联系方式" />
                <el-table-column prop="time" align="center" label="注册时间" />
                <el-table-column align="center" label="操作" width="100px">
                    <el-button type="text">查看</el-button>
                    <el-button type="text">编辑</el-button>
                </el-table-column>
                <el-table-column prop="bei" align="center" label="备注" />
            </el-table>
            <el-pagination
                    class="text-right"
                    background
                    :current-page="1"
                    :page-sizes="[20,]"
                    :page-size="20"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="200"
            />
        </el-tab-pane>

        <el-tab-pane label="申请加盟3" name="there">
            <el-row>
                <el-col :span="12">
                    <el-popover>
                        <el-form ref="form" label-width="80px">
                            <el-form-item label="服务内容">
                                <el-select v-model="there_from">
                                    <el-option label="所有" value="0"></el-option>
                                    <el-option label="出纳+会计" value="1"></el-option>
                                    <el-option label="会计，出纳+会计" value="2"></el-option>
                                    <el-option label="会计" value="3"></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="服务城市">
                                <el-input v-model="there_type"></el-input>
                            </el-form-item>
                            <el-form-item label="注册时间">
                                <el-date-picker
                                        v-model="there_time"
                                        type="daterange"
                                        range-separator="至"
                                        start-placeholder="开始日期"
                                        end-placeholder="结束日期"
                                />
                            </el-form-item>
                            <el-form-item>
                                <el-button type="primary">确定</el-button>
                                <el-button>取消</el-button>
                                <el-button>重置</el-button>
                            </el-form-item>
                        </el-form>
                        <el-button slot="reference">
                            全部
                            <i class="el-icon-caret-bottom"></i>
                        </el-button>
                    </el-popover>
                </el-col>
            </el-row>
            <el-table
                    :data="thereData"
                    style="width: 100%"
                    border
                    stripe
                    :highlight-current-row="true"
                    :header-cell-style="{ background: '#ededed', color: '#333' }"
            >
                <el-table-column prop="number" align="center" label="编号" />
                <el-table-column
                        prop="name"
                        align="center"
                        width="180"
                        label="记账公司名称"
                />
                <el-table-column prop="main" align="center" label="服务内容" />
                <el-table-column prop="cheng" align="center" label="城市" />
                <el-table-column prop="num" align="center" label="客户数" />
                <el-table-column prop="numa" align="center" label="账套数" />
                <el-table-column prop="numb" align="center" label="解约数" />
                <el-table-column prop="man" align="center" label="联系人" />
                <el-table-column prop="type" align="center" label="联系方式" />
                <el-table-column prop="time" align="center" label="注册时间" />
                <el-table-column align="center" label="操作" width="100px">
                    <el-button type="text">查看</el-button>
                    <el-button type="text">编辑</el-button>
                </el-table-column>
                <el-table-column prop="bei" align="center" label="备注" />
            </el-table>
            <el-pagination
                    class="text-right"
                    background
                    :current-page="1"
                    :page-sizes="[20,]"
                    :page-size="20"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="200"
            />
        </el-tab-pane>
    </el-tabs>
</template>

<script>
    export default {
        name: "comp",
        data(){
            return{
                one_from:'',
                one_type:'',
                one_time:'',
                oneData:[
                    {
                        number:72643,
                        name:'天津丽友科技有限公司',
                        main:'',
                        cheng:'',
                        num:'',
                        numa:'',
                        numb:'',
                        man:'',
                        type:'',
                        time:'',
                    },
                ],
                two_from:'',
                two_type:'',
                two_time:'',
                twoData:[
                    {
                        number:72643,
                        name:'天津勒绑科技有限公司',
                        main:'',
                        cheng:'',
                        num:'',
                        numa:'',
                        numb:'',
                        man:'',
                        type:'',
                        time:'',
                    },
                ],
                there_from:'',
                there_type:'',
                there_time:'',
                thereData:[
                    {
                        number:72643,
                        name:'天津未来科技有限公司',
                        main:'',
                        cheng:'',
                        num:'',
                        numa:'',
                        numb:'',
                        man:'',
                        type:'',
                        time:'',
                    },
                ],
            }
        }
    }
</script>

<style scoped>
.text-right{
    float: right;
}

</style>